<template>
  <div>
      list<br/>
      {{$store.state.poi}}
      <!-- {{goods}}<br/> -->
      <!-- {{goodsData}} -->
      <el-button @click="get">get</el-button>
      <el-button @click="post">post</el-button>
  </div>
</template>
<script>
export default {
  methods:{
    async post(){
      await this.$axios.$post("/postTest",{user:'asd',password:'123'}).then(({token}) => {
        console.log(token)
      })
    },
    async get(){
      const goodsDate=await this.$axios.$get("/goods")
      console.log(goodsDate)
    }
  }
  //由于asyncData方法是在组件 初始化 前被调用的，所以在方法内是没有办法通过 this 来引用组件的实例对象。
  // $axios由nuxtjs/axios模块注入
  // $get是axios模块封装的类fetch风格api
  // async asyncData({ $axios, error }) {
  //   const { ok, goods } = await $axios.$get("/api/goods");
  //   if (ok) {
  //       // console.log(goods)
  //     return { 
  //         goods,
  //         // goodsData:goods
  //       };
  //   }
  //   error({ statusCode: 400, message: "数据查询失败" });
  // },
};
</script>